<template>
  <div class="home">
    <div class="cont">
      <!-- <p class="title">
        一、v-model<br/>  
        true为拖动到右端;<br />
        必须
      </p> -->
      <yh_virtual_list 
        :listArr="list"
      >
        <template slot="content" >
          <!-- v-slot:content="cont" -->
          <div class="listCont">
            11111
            <!-- <span class="name">{{cont.listCont.value}}</span> -->
          </div>
        </template>
      </yh_virtual_list>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list:[
        {value:0,},
        {value:1,},
        {value:2,},
        {value:3,},
        {value:4,},
        {value:5,},
        {value:6,},
        {value:7,},
        {value:8,},
        {value:9,},
        {value:10,},
        {value:11,},
        {value:12,},
        {value:13,},
        {value:14,},
        {value:15,},
        {value:16,},
        {value:17,},
        {value:18,},
        {value:19,},
        {value:20,},
        {value:21,},
        {value:22,},
        {value:23,},
        {value:24,},
        {value:25,},
        {value:26,},
      ]
    };
  },
  mounted(){

  },
  methods:{
   
  }
};
</script>
<style scoped>
.cont{
  width:400px;
  height:500px;
  margin:0 auto;
  background: pink;
}
.title{
  line-height:40px;
  padding-top:100px;
}
.title:first-of-type{
  padding-top:0;
}
/* 重制样式 */

</style>